<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>美容产品热点</title>
        <style type="text/css">
            *{
                margin: 0px;
                padding: 0px;
            }
            body{
                background: #eee7e1;
            }
            div{
                width: 275px;
/*                border: 1px solid black;*/
            }
            p{
                color: #ffffff;
                background: #e9185a;
                line-height: 30px;
                height: 30px;
                font-size: 14px;
                font-weight: 600;
                text-indent: 10px;
/*                border: 1px solid black;*/
                
            }
            ul{
                background: #ffffff;
                list-style-type: none;
/*                border: 1px solid black;*/
                
            }
            li{
                border-bottom: 1px dashed #a8a5a5;
                font-size: 12px;
                color: #373b3c;
                
                line-height: 28px;
                height: 28px;
                
            }
            a:link{
                color: #373b3c;
                text-decoration: none;
            }
            a:hover{
                color: #e9185a;
            }
            li span{
                width:24px;
				height:24px;
				background:#333;
				display:inline-block;
				color:white;
				text-align:center;
				border-radius:50%;
                line-height: 24px;
            }
           
            span{
                margin-left: 15px;
            }
            a:hover span{
                background: #e9185a;
            }
        </style>
    </head>
    <body>
        <div>
            <p>大家都喜欢买的美容品</p>
            <ul>
                <li><a href="#"><span>1</span>&nbsp;&nbsp; 雅诗兰黛即时修护眼部精华霜15ml</a></li>
                <li><a href="#"><span>2</span>&nbsp;&nbsp; 伊丽莎白雅顿显效复合活肤霜 75ml</a></li>
                <li><a href="#"><span>3</span>&nbsp;&nbsp; OLAY玉兰油多效修护霜 50g</a></li>
                <li><a href="#"><span>4</span>&nbsp;&nbsp; 巨型一号丝瓜水320ML</a></li>
                <li><a href="#"><span>5</span>&nbsp;&nbsp; 倩碧保湿洁肤水2号 200ml</a></li>
                <li><a href="#"><span>6</span>&nbsp;&nbsp; 比度克细肤淡印霜 30g</a></li>
                <li><a href="#"><span>7</span>&nbsp;&nbsp; 兰芝 (LANEIGE)夜间修护锁水面膜 80ml</a></li>
                <li><a href="#"><span>8</span>&nbsp;&nbsp; SK-II护肤精华露 215ml</a></li>
                <li><a href="#"><span>9</span>&nbsp;&nbsp; 欧莱雅青春密码活颜精华肌底液</a></li>
            </ul>
        </div>
    </body>
</html>